/* CSS par défaut pour GesseH
 * Author : Pierre-François "Pilou" Angrand
 * License : MIT License http://www.opensource.org/licenses/mit-license.php
 * Version : 0.1
*/

html { }
body { font: 13px arial, sans-serif; background-color: #555555; }
img { border: none; }
select, input, button, textarea{ font: 99% arial, sans-serif; outline: none; }
table { text-align: left; background-color: #dfdfdf; border-radius: 5px; border-collapse: collapse; }
td, th { padding: 7px; margin: 0; }
th { text-align: center; font-weight: bold; }
pre, code, kbd, samp, tt { font-family: monospace; font-size: 99%; line-height:100% }
a { color: #524F46; outline: none; text-decoration: none; }
a:hover { color: #111111; text-decoration: underline; }
strong { font-weight: bold; }
em { font-style: italic; }
div { margin: 0; padding: 0; }
:invalid { background-color: #e55; outline: none; }

#container { margin-left: 5%; margin-right: 5%; background-color: #b5bfc8; border: 2px solid #606d73; border-radius: 15px; }

.flasherror { background-color: #fdef55; color: red; }
.flashnotice { background-color: #99ff99; color: black; }
div.flasherror, div.flashnotice { padding: 2px 10px 2px 10px; width: auto; font-style: italic; }

#header { width: 100%; height: 100px; text-align: center; position: relative; background-color: #77aaff; border-radius: 15px 15px 0 0; }
#header img, h1 { display: inline-block; }
#header h1 { padding: 15px; margin: 0 10px 10px 10px; font-size: 3em; color: white; }
#header a { text-decoration: none; color: black; }
#header img { margin: 5px; position: absolute; left: 10px; top: 15px; }
#header nav { text-align: right; font-weight: bold; font-size: 0.9em; margin-right: 15px; padding-top: 2px; }
#header nav a { color: #333; }
#header nav a:hover { color: #FFF; }

#menu { width: 100%; font-size: 110%; font-weight: bold; text-align: left; padding: 7px 0 7px 0; background-color: #252525; }
#menu ul { display: inline; }
#menu li { list-style: none; margin: 0 5px 0 5px; padding: 5px; display: inline; }
#menu li:hover { background-color: #fdef55; }
#menu li a { color: #BBB; }
#menu li a:hover { }
#menu li.current { background-color: #bbb; }
#menu li.current span { color: #fdef55; }
#menu li.current:hover { background-color: #bbb; }

#search{ width: 100%; height: 25px; margin: auto; font-size: 110%; }
#search select{ border: 1px; width: 50%; margin-left: 10px; }
#search input{ border: 1px; margin-left: 10px; }
#search input:hover{ }
#search input:active{ }

#content { text-align: left; padding: 10px; background-color: #eee; }
#content h1 { width:100%; font-size: 1.8em; font-weight: bold; text-align: center; margin: 5px; padding: 0; }
#content ol.infos { display: inline-block; }
#content ol.infos li{ display: inline; list-style: decimal; margin-right: 5px; }
#content ul { }
#content ul li { list-style: none; }
#content div.comments { margin: 10px; border: 1px solid black; padding: 5px; }
#content div.eval{ margin: 10px }
#content div.description { border: 1px dotted black; margin: 10px; }
#content table { width: auto; border: 1px solid grey; border-collapse: collapse; }
#content td, th { margin: 0; padding: 2px; border: 1px dotted grey; }
#content td { width: 180px; }
#content td.odd { background-color: #fcfca0; }
#content td.even { background-color: #fefee3; }
#content td.actions { width: 90px; vertical-align: top; }
#content td.small { width: 45px; text-align: center; }
#content td.pagination { text-align: center; }
#content thead { background-color: #fdef55; }
#content tfoot {}
#content table ul { display: inline-block; margin: 0; padding: 0; }
#content table li { display: block; margin: 2px; padding: 0; }
#content textarea { width: 99%; height: 200px; }
#content table.mceToolbar th, #content table.mceToolbar td { border: none; }
#content div.criteria_block { border: 1px solid black; margin: 1px; }
#content div.criteria_name { border: 1px solid black; padding: 1px; background-color: #fdef55; font-weight: bold; text-align: center; }
#content div.criteria_content { padding: 2px; }
#content span.eval_title { font-weight: bold; text-decoration: underline }
#content span.eval_content { }

#footer { width: 100%; padding-top: 15px; font-size: 90%; height: 30px; position: relative; background-color: #aaa; border-radius: 0 0 15px 15px; }
#footer ul{ display: inline-block; }
#footer li{ list-style: none; margin-right: 15px; display: inline-block; }
#footer li a{ text-decoration: none; color: #77766F; }
#footer li a:hover{ color: #333; text-decoration: underline; }
#footer .miniature { font-family: arial,sans-serif; font-size: 80%; float: right; margin-right:10px; color: #666; }
#footer .miniature img{ vertical-align: middle; }
#footer form{ margin: 10px 0; color: #5f6364; }

/*.FEED{
  padding-left: 20px;
  background: transparent url(../images/feed.png) no-repeat 0 0;
}*/

.error_list{ color: red; }
.flash_notice{ margin: 3px 0; padding: 7px; background-color: #cfc; }
.flash_error{ margin: 3px 0; padding: 7px; background-color: #f33; color: #fff; }

.active{ background-color: #aa7777; }
.valide{ background-color: #77aa77; }
.white{ background-color: white; text-align: center; font-weight: bold; }
.red{ background-color: red; text-align: center; font-weight: bold; }
.orange{ background-color: #FFA500; text-align: center; font-weight: bold; }
.yellow{ background-color: yellow; text-align: center; font-weight: bold; }
.green{ background-color: green; text-align: center; font-weight: bold; }
